<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" style="font-size: 58.5938px; min-height: 667px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <title>在线绑定商户</title>

    <!--自定义样式-->
    <link rel="stylesheet" th:href="@{/css/ry-ui.css}">
    <link rel="stylesheet" th:href="@{/css/style.css}">
    <link rel="stylesheet" th:href="@{/css/plugins/sweetalert/sweetalert.css}">
    <link type="text/css" rel="stylesheet" th:href="@{/css/alipay-style.css}">
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <script th:src="@{/js/lib/inspinia/js/jquery-2.1.1.js}"></script>
    <script th:src="@{/js/MyFunction.js}"></script>
    <script th:src="@{/js/lib/inspinia/js/plugins/sweetalert/sweetalert.min.js}"></script>
    <!--表单验证-->
    <script th:src="@{/js/lib/validate/jquery.validate.min.js}"></script>
    <script th:src="@{/js/binding.js}"></script>
</head>

<body style="min-height: 667px;">
<div class="wx-title">在线绑定商户</div>
<div id="payInfo">
    <div class="top_img">
        <img src="\images\timg.png" class="img-responsive"/>
    </div>
    <form class="form-horizontal" id="myform">
        <div class="panel-body form-horizontal">

            <div class="row" hidden="hidden">
                <label class="col-lg-2 control-label">微信ID</label>
                <div class="col-lg-10">
                    <div class="form-group">
                        <input type="text" readonly id="openId" name="openId" th:value="${openId}" placeholder="微信ID(必填)" autocomplete="off" class="form-control" maxlength="100"/>
                    </div>
                </div>
            </div>

            <div class="row">
                <label class="col-lg-2 control-label">姓名</label>
                <div class="col-lg-10">
                    <div class="form-group">
                        <input type="text" id="person" name="person" placeholder="姓名(必填)" autocomplete="off" class="form-control" maxlength="50" />
                    </div>
                </div>
            </div>
            <div class="row">
                <label class="col-lg-2 control-label">手机号</label>
                <div class="col-lg-10">
                    <div class="form-group">
                        <input type="text" id="phone" name="phone" placeholder="手机号(必填)" autocomplete="off" class="form-control" maxlength="20" />
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<div id="code"></div>
    <a href="javascript:void(0);" class="btn-pay" id="copyaccount2" onclick="binding()">绑定</a>
    <div class="row">
        &nbsp;&nbsp;<label class="col-lg-2 control-label">已绑定商铺:</label>
    </div>
    <div class="row" th:each="shop,shopStat:${shops}">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label  id="name" class="col-lg-2 control-label" th:text="${shop.name}">商铺名称</label>
    </div>
</body>
</html>